$width:1190px;
$fhcolor:#e60000;

.ad{
    widows: 100%;
    height: 50px;
    background-color: #c20006;
    text-align: center;
    img{
        margin: 0 auto;
    }
}
.float_logo_box>span{
    color:#fff;
    font-size: 20px;
    line-height: 50px;
}
.top_logo{
    height: 50px;
    width: 100%;
    background-color: brown;
    display: none;
}
.head{
    height: 35px;
    width: 100%;
    background-color: #f6f6f6;
    border-bottom: 1px #e6e6e6 solid;
}
.head_con{
    width: $width;
    height: 100%;
    margin: 0 auto;
    p {
        line-height: 35px;
        span{
            margin-right:8px;
            font-size: 12px;
            i{
                font-weight:bold;
                color: #696969;
            }
        }
    }
}
.head_menu li{
    float: left;
}
.head_menu li a{
    color: #696969;
    position: relative;
    display: inline-block;
    height: 16px;
    margin-top: 10px;
    margin-right: 12px;
    padding:0 8px;
}
.head_menu li span{
    color:#e6e6e6;
}

.head_menu li a span{
    border-top: 4px #666 solid;
    border-left: 4px transparent solid;
    border-right: 4px transparent solid;
    display: inline-block;
    position: absolute;
    top: 6px;
    right: -6px;
}
.nav-wrap:hover a span{
    vertical-align:text-top;
    transform: rotate(180deg);
    transition: transform .2s ease-in;
    border-top: 4px #e60000 solid;
}
.nav-wrap{
    height: 35px;
    border-left:1px transparent solid;
    border-right:1px transparent solid;
    &:hover{
        background-color: #fff;
        border-right: 1px #e6e6e6 solid;
        border-left: 1px #e6e6e6 solid;
    }
}
.nav-wrap:hover a{
    color:$fhcolor;
}
.head_menu li .cspp{
    margin-right: 0px;
    padding-left:5px;
    padding-right:5px;
}
.cspp:hover{
    color:$fhcolor;
}

.con-none{
    height:230px;
    width: 180px;
    background-color: #fff;
    position: absolute;
    border: 1px #e6e6e6 solid;
    border-top: none;
}
.com{
    position: absolute;
    z-index: 2;
    border: 1px #e6e6e6 solid;
    border-top: none;
    background-color: #fff;
    height:100px;
    width: 100px;
    display: none;
}
.logo_bar{
    height: 120px;
    width: $width;
    margin:0 auto;
    div{
        float: left;
    }
}

.search{
    height: 100px;
    width: 680px;
    margin-top: 16px;
}
.search p span{
    display: inline-block;
    font-size: 14px;
    height: 23px;
    line-height: 17px;
    letter-spacing: normal;
    margin-left: -2px;
    text-align: center;
    vertical-align: top;
    width: 45px;
    cursor: pointer;
    word-spacing: normal;
}
.search_frame{
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 38px;
    line-height: 38px;
    width: 418px;
    padding: 0 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    display: block;
    float: left;
}

.wx-atten{
    text-align: center;
    color:#666;
    line-height: 20px;
}
.logo_bar .wechar{
    width:86px;
    height: 106px;
    margin-top: 12px;
    text-align: center;
}
.search_btn{
    width: 81px;
    height: 40px;
    background: #d20000 !important;
    font-family: "Microsoft YaHei";
    margin-left: 0;
    float: left;
    border:none;
    color:#fff;
    font-weight: 600;
}
.free_login{
    display: block;
    width: 148px;
    height: 38px;
    border: 1px solid #e6e6e6;
    text-align: center;
    font-size: 14px;
    background: #fafafa;
    line-height: 38px;
    float: right;
    cursor: pointer;
    position: relative;
    color:#333;
    &:hover{
        color:$fhcolor;
    }
    p{
        display: none;
        width: 148px;
        height: 48px;
        position: absolute;
        span{
            width: 148px;
            height: 38px;
            border: 1px solid #e6e6e6;
            text-align: center;
            font-size: 14px;
            background: #fafafa;
            line-height: 38px;
            margin-top: 10px;
           
        }
    }
}

.free_login:hover p{
    display: block;
    color:#333;
}
.wechar img{
    width:100%;
}
.logo_img{
    height: 120px;
    width:424px;
    
}
.logo_img img{
    float: left;
    margin-right: 10px;
    margin-top: 42px;
}

.slider{
    height: 575px;
    width: $width;
    margin:0 auto;
    
}

.slider div{
    float: left;
}
.left_list{
    height: 100%;
    width:200px;
}
.center_slider{
    width:720px;
    height: 100%;
    margin: 0 15px;
    .nav{
        height: 45px;
        width:100%;
        background-color: #fff;
        li{
            line-height: 45px;
            float: left;
            width:120px;
            text-align: center;
            a{
                font-size: 16px;
                color:#333;
                &:hover{
                    color:$fhcolor;
                }
            }
        }
    }
}

.nav_top{
    height: 45px;
    width:180px;
    padding-left: 20px;
    font-size: 16px;
    cursor: auto;
    background: $fhcolor;
    color: #fff;
    line-height: 45px;
    i{
        display: block;
        width: 16px;
        height: 14px;
        float: left;
        background-position: 0 -35px;
        margin: 17px 10px 0 0;
        line-height: 14px;
    }
}
.nav_second{
    width: 198px;
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fafafa;
    height: 510px;
    padding: 10px 0;
    position: relative;
    .li{
        width:198px;
        .a{
            i{
                display: block;
                width: 16px;
                height: 16px;
                float: left;
                margin: 9px 10px 0 0;
                background: url(https://upload-images.jianshu.io/upload_images/17221238-7bf16c42717f0ad4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240);
            }
            cursor: pointer;
            display: block;
            height: 34px;
            padding-left: 20px;
            font-size: 14px;
            line-height: 34px;
            overflow: hidden;
            
            color:#333;
            a{
                color:#333;
            }
            }
        }
    }
.li:hover{
    background-color: $fhcolor;
}
.li:hover .a a{
    color:#fff;
}
.li .a a:hover{
    opacity: 0.8;
}
.li:hover .a{
    color:#fff;
}
.li:hover .a i{
    transition: all 0.5s;
}
.txt{
    display:none;
    position: absolute;
    left: 198px;
    top: 0;
    border: 1px solid #e6e6e6;
    width:465px;
    height: 529px;
    z-index: 999;
    padding: 0 0 0 30px;
    background: #fff;
}

.scroll_show{
    height: 150px;
    position: relative;
    width:718px;
    margin-top:15px;
    overflow: hidden;
   background-color: #fafafa;
}
.scroll_ul{
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    width: 99999999px;
    li{
        width: 240px;
        height: 150px;
        background: url(https://himg.china.cn/img/mainsite/index_v2/scroll_ul.jpg) no-repeat;
        float: left;
        a{
            display: block;
            padding: 20px;
            height: 110px;
            font-size: 14px;
            color: #696969;
            position: relative;
            &:hover img{
                right: 26px;
               
            }
           div{
              
               height:100px;
                position: relative;
                z-index: 11;
                .t{
                    font-size: 16px;
                    color: #e60000;
                }
            }
            img{
                right: 10px;
                bottom: 8px;
                position: absolute;
                transition:all 0.5s;
            }
        }
    }
}
.show_btnr{
    display: none;
    height: 35px;
    width: 18px;
    background:url(https://himg.china.cn/img/mainsite/index_v2/btn_change.png) no-repeat;
    background-position-x:-18px; 
    background-color: rgba(0, 0, 0,0.1);
    cursor: pointer;
    position: absolute;
    right:10px;
    top:57px;
}
.show_btnl{
    display: none;
    height: 35px;
    width: 18px;
    position: absolute;
    background:url(https://himg.china.cn/img/mainsite/index_v2/btn_change.png) no-repeat;
    background-color: rgba(0, 0, 0,0.1);
    left:10px;
    top:57px;
    cursor: pointer;
}

.banner{
    height: 365px;
    width: 720px;
    overflow:hidden;
    .ck-slide{
        height: 365px;
        width: 720px;
        overflow:hidden;
        position: relative;
        .ck-slide-wrapper{
            position: absolute;
            width:720*7px;
            height:100%;

            li{
                float:left;
                width:720px;
                height:100%;
                opacity: 0;
                background-size: 100% 100%;
                img{
                    position: absolute;
                }
            }
            .li1{
                opacity: 1;
                background-color:#fff;
              
            }
            .li2{
                background: url(https://himg.china.cn/0/5_396_1446180_720_365.jpg) no-repeat;
              
            }
            .li3{
                background: url(https://himg.china.cn/0/4_719_1087431_720_365.jpg) no-repeat;

            }
            .li4{
                background: url(https://himg.china.cn/0/5_623_1507430_720_365.jpg) no-repeat;

            }
            .li5{
                background: url(https://himg.china.cn/0/4_51_1079239_720_365.jpg) no-repeat;

            }
            .li6{
               background: url(https://himg.china.cn/0/5_237_1001293_720_365.jpg) no-repeat;
            }
        }
    }
}
.ck-slidebox{
    position: absolute;
    height:16px;
    width:140px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:320px auto;
}
.ck-slidebox ul li{
    float:left;
    height:12px;
    width:12px;
    margin:0 4px;
    border:1px solid #eee;
    border-radius: 50%;
    background:rgba(0,0,0,0.1);
}

.ck-slidebox ul li:hover{
    background: #fff;
    cursor:pointer;
}
.ctrl-slide {
    position: absolute;
    width: 35px;
    height: 80px;
    top: 128px;
    display:none;
    background-color: rgba(0, 0, 0, 0.5);
    background-image:url(https://himg.china.cn/img/mainsite/index_v2/show_img.png);
}
.ck-slide:hover .ctrl-slide{
    display: block;
}
.ck-prev{
   left:0;
}
.ck-next{
    right:0;
    background-position-x: 35px;
}
.float_logo{
    background: #e60000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    display: none;
    transition:all 1s;
}
.float_logo_box{
    width: 1190px;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
}
.logo_a{
    padding: 7.5px 0;
    display: block;
    float: left;
    height: 33px;
    line-height: 33px;
}
.float_logo_box .search-warp {
    width: 680px;
    height: 35px;
    padding-top: 7px;
    float: right;
}
.float_logo_box .search-warp .tab-cont-1 {
    height: 35px;
    background: #e60000;
    float: left;

}
.search-warp .sub-btn {
    background: #000 !important;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin-left: -1px;
    margin-right: 10px;
    overflow: hidden;
    width: 81px;
}
.help_a {
    display: block;
    width: 148px;
    height: 33px;
    border: 1px solid #e6e6e6;
    text-align: center;
    font-size: 14px;
    background: #fafafa;
    line-height: 33px;
    float: right;
    cursor: pointer;
    position: relative;
    color:#333;
}
.search-warp .searchkuang {
    background: #fff;
    border: 1px solid #e6e6e6 !important;
    height: 33px;
    line-height: 34px;
    width: 418px;
    padding: 0 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    // display: block;
    float:left;
}
.right_con{
    width:238px;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #e60000;
    height: 528px;
    background: #fff;
    float:left;
    margin-top:45px;
    .right1{
        height: 204px;
        padding: 25px 20px 0 20px;
        .mon{
            height: 62px;
            width:200px;
        }
    }
    
}
.member_ul{
    padding: 15px 0 0 0;
    width:200px;
    margin-top:62px;
    li {
        height: 37px;
        margin-bottom: 10px;
        .a {
            background: #e60000;
            border: 1px solid #e60000;
            color: #fff;
        }
       
    }
}
.member_ul li a {
    display: block;
    height: 35px;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #333;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.member_ul li a:hover{
    background: #e60000;
    color:#fff;
}
.right2{
    height: 157px;
    width:238px;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
    .tab-tit{
        height: 27px;
        line-height: 29px;
        padding: 10px 15px 0 15px;
        li{
            float: left;
            height: 26px;
            width: 25%;
            cursor: pointer;
            text-align: center;
            background: #fafafa;
            cursor:pointer;
        }
    }
}
.now{
    border-bottom: 1px solid #c20006;
}
.tab-show{
    padding: 10px 15px 0 15px;
}
.tab-show div{
    display:none;
}

.right2 .tab-show .show1{
    display:block;
}
.main{
    height:7017px;
    width: 1190px;
    margin:20px auto;
    .theme_box{
        width:$width;
        height:396px;
        margin:0 auto;
        .theme_txt{
            height: 330px;
            border: 1px solid #e6e6e6;
            padding: 0 240px 0 230px;
            position: relative;
            background: #fff;
        }
    }
}
.theme_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 230px;
    height: 330px;
    background: url(//himg.china.cn/img/mainsite/index_v2/theme_left.jpg) no-repeat;
    overflow: hidden;
}
.theme_middle {
    padding: 36px 0 0 29px;
    height: 294px;
}
.theme_middle_l {
    float: left;
    height: 294px;
    width: 360px;
}
.theme_right {
    width: 238px;
    height: 330px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #e6e6e6;
}
.theme_title{
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    .t {
        color: #e60000;
        font-weight: bold;
        font-size: 22px;
        padding-right: 8px;
    }
}
.theme_title a:hover{
    color:#e60000;
}
.theme_middle_l li .txtbott {
    padding-right: 20px;
    height: 90px;
} 
.theme_middle_l li .txtbott p {
    width: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
}
.theme_middle_l li {
    width: 180px;
    float: left;
    height: 140px;
}
.theme_left .txtbott .t {
    font-size: 20px;
    color: #e60000;
    font-weight: bold;
}
.theme_left .txtbott .tt {
    color: #696969;
}
.theme_left .txtbott {
    padding: 40px 20px 0 20px;
    font-size: 14px;
}
.theme_middle_l li .t {
    font-weight: bold;
    height: 30px;
}
.theme_right .txt1 .img img {
    height: 120px;
    width: 120px;
    margin: 25px 80px;;
}
.theme_right .txt1 {
    height: 209px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 15px;
}
.theme_middle_r dd {
    height: 95px;
    padding-left: 105px;
    position: relative;
    margin-bottom: 20px;
}
.theme_right .txt2 .img, .theme_right .txt3 .img {
    height: 71px;
    padding-top: 2px;
    text-align: right;
}
.theme_right .txt3 {
    border-left: 1px solid #e6e6e6;
}
.theme_right .txt2 .img img, .theme_right .txt3 .img img {
    max-height: 65px;
    margin: 3px 0;
    max-width: 95px;
}
.theme_right .txt2, .theme_right .txt3 {
    height: 120px;
    padding: 0 10px;
    float: left;
    width: 98px;
}
.theme_middle * {
    overflow: hidden;
}
.theme_middle_r dt {
    font-weight: bold;
    height: 40px;
}
.theme_middle_r dd .img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #e6e6e6;
    width: 93px;
    height: 93px;
}
.img img{
    width: 93px;
    height: 93px;
}

.floor_box {
    width: 30px;
    position: fixed;
    top: 60px;
    height:530px;
    left:20px;
    display:none;
}
.floor_ul li {
    height: 34px;
    border-bottom: 1px solid #f6f6f6;
}
.floor_ul li span {
    display: block;
    font-size:12px;
    line-height: 12px;
    padding: 5px 0;
    text-align: enter;
    height: 24px;
    color: #e60000;
    overflow: hidden;
}
.floor_ul li span {
    opacity:0;
    cursor:pointer;
}
.floor_ul li:hover span {
    opacity:1;
}
.active{
    opacity:1 !important;
}

//登陆页样式
.top_0{
    background: #f6f6f6;
    width: 100%;
    border-bottom: 1px #e6e6e6 solid;
}
.top{
    width: 1190px;
    margin: 0 auto;
    padding: 35px 0 34px;
    height: 44px;
    font-family: Microsoft YaHei,Arial;
}
.top .logo {
    width: 450px;
    float: left;
    line-height: 44px;
}
.top_rt {
    float: right;
}
.top .logo a {
    height: 44px;
    display: inline-block;
    float: left;
}
.top .logo {
    width: 450px;
    float: left;
    line-height: 44px;
}
.top .logo span img {
    margin: 17px 0 10px 17px;
    height: 20px;
    display: inline-block;
}
.top_rt {
    float: right;
}
.top_rt p {
    margin-top: 6px;
    text-align: right;
}
.conment {
    background: #fafafa;
    width: 100%;
    padding: 40px 0 30px;
    min-height: 880px;
}
.con {
    width: 1190px;
    margin: 0 auto;
    background: #fff;
    border: 1px #e8e7e7 solid;
    min-height: 880px;

}
.check_sf {
    padding: 30px 0 0 87px;
}
.check_sf label.chk_radio.checked, .chk_radio.checked {
    background: url(//himg.china.cn/img/erm/zc2017/qy.png) no-repeat left center;
    color: #0037a5;
}
.check_sf label, .check_sf a {
    float: left;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
.check_sf label.chk_radio, .chk_radio {
    background: url(//himg.china.cn/img/erm/zc2017/qy_0.png) no-repeat left center;
    padding-left: 18px;
    margin-left: 11px;
    position: relative;
}
.add_rt {
    float: right;
}
.add_rt .code-box {
    width: 272px;
    height: 423px;
    background: url(//himg.china.cn/img/erm/zc2017/register-code.png) left top no-repeat;
}
.add_rt .code-box img {
    width: 224px;
    height: 224px;
    display: block;
    padding-top: 125px;
    margin: 0 auto;
}
.add_rt dl {
    margin: 25px 80px 4px 0;
}
.add_rt dl dt.gy {
    background: url(//himg.china.cn/img/erm/zc2017/gy.jpg) no-repeat;
    height: 160px;
    width: 295px;
}
.add_rt p {
    padding: 0 0 5px 38px;
    font-size: 16px;
}
.add_rt ul.gyul {
    padding-right: 0;
    width: 290px;
    margin: 0 0 13px 30px;
}
.add_rt ul {
    width: 260px;
    padding: 0 75px 0 7px;
}
.add_rt ul li {
    font-size: 12px;
    color: #999;
    font-family: Microsoft YaHei;
    float: left;
    padding-right: 15px;
    line-height: 24px;
    background: url(//himg.china.cn/img/erm/zc2017/yuanq.jpg) no-repeat 0 center;
    padding-left: 12px;
    font-family: Microsoft YaHei;
}
.registry_from {
    padding: 30px 0 0 100px;
    width: 700px;
    float: left;
}
.fl-clr {
    zoom: 1;
}
.bd_name {
    font-size: 14px;
    color: #0037a5;
    background: url(//himg.china.cn/img/erm/zc2017/sg_lan.jpg) no-repeat 0 center;
    padding-left: 12px;
    margin-bottom: 20px;
}
.zhxx {
    margin-bottom: 30px;
}
.controls-mod {
    margin-bottom: 15px;
    line-height: 38px;
    position: relative;
}
.c1 {
    width: 126px;
    text-align: right;
    font-size: 14px;
    color: #333;
    padding-right: 6px;
}
.asterisk {
    color: #e60000;
    margin-right: 3px;
    font-size: 12px;
}
.username-container {
    position: relative;
}
.c2 {
    margin-right: 12px;
}
.c2 input, .c2 select, .c2 textarea {
    height: 28px;
    line-height: 28px;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    padding: 0 10px;
    width: 220px;
    outline: 0;
    border-radius: 4px;
}
.c2 .cut {
   
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
.recommend-name {
    position: absolute;
    background-color: #fff;
    width: 240px;
    top: 34px;
    padding: 8px 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0;
    display: none;
    z-index: 1;
}
.c3 {
    max-width: 430px;
    height:38px;
    color:red;
}
.c3 p{
    color:red;
    display:inline-block;
    line-height:38px;
    height:38px;
    float: left;
}
.error_c3{
    width: 20px;
    line-height:38px;
    background: url(https://himg.china.cn/img/erm/zchc.png) no-repeat  0 -42px;
}
.normal {
    background-position: 0 -15px;
    height: 25px;
}
.wjzj {
    padding-left: 8px;
    width: 120px;
    display: inline-block;
}
.wjzj a {
    color: #0059d6;
}
.mgbm5 {
    margin-bottom: 5px;
}
.c1, .c2, .c3 {
    float: left;
}
.regNo-tips {
    color: #b6b6b6;
    margin-left: 133px;
    margin-bottom: 6px;
}
.controls-mod {
    margin-bottom: 15px;
    line-height: 38px;
    position: relative;
    height:38px;
}
.c2 .errorInput{
    border:1px solid red;
}
.c3 .successVer{
    background: url(https://himg.china.cn/img/erm/zchc.png) no-repeat 0 0;
    width: 15px;
    height:15px;
    margin-top: 12px;
}
.c2 label.radio {
    background: url(//himg.china.cn/img/erm/sex_off.png) no-repeat left center;
    padding-left: 18px;
    margin-left: 11px;
    position: relative;
    display: inline-block;
}
.c2 label.checked {
    background: url(//himg.china.cn/img/erm/sex_on.png) no-repeat left center;
}
.c2 .radio input {
    width: 13px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.c2 img{
    display:inline;
}
.c2 input.btn {
    background: #f6f6f6;
    font-size: 12px;
    height: 30px;
    width: 120px;
    border: 1px #e6e6e6 solid;
}
.c2 input.btn:hover {
    background: #efefef;
    cursor: pointer;
}
.regNo-tips {
    color: #b6b6b6;
    margin-left: 133px;
    margin-bottom: 6px;
}

.sumb-btn-mod {
    margin-left: 132px;
}
.sumb-btn-mod .nreg:hover {
    background: #d20000;
}
.sumb-btn-mod .nreg {
    background: #e60000;
    width: 200px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    border:none;
}
.sumb-btn-mod .nreg {
    background: #e60000;
    width: 200px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}
.sumb-btn-mod .terms {
    vertical-align: -3px;
}
.sumb-btn-mod a {
    color: #0059d6;
}

